﻿<%@ Page Title="" Language="C#" Inherits="System.Web.Mvc.ViewPage<Zeenck.Models.ZeenckProfile>" MasterPageFile="~/Views/Shared/Site.Master" %>

<asp:Content runat="server" ID="Title" ContentPlaceHolderID="TitleContent">
    My Profile
</asp:Content>


<asp:Content runat="server" ID="Main" ContentPlaceHolderID="MainContent">
	<script src="../../Scripts/jquery-1.5.1.js"></script>
	<script src="../../Scripts/ui/jquery.ui.core.js"></script>
	<script src="../../Scripts/ui/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="../../Scripts/verticaltabs.pack.js"></script>
    <link rel="stylesheet" href="../../Content/css/verticaltabs.css" />
    <script type="text/javascript">
        $(document).ready(function () {
            $("#tabs").verticaltabs({ speed: 1, slideShow: false, activeIndex: 2 });
        });
    </script>
<%--	<script src="../../Scripts/ui/jquery.ui.tabs.js"></script>--%>
<%--	<script>--%>
<%--	    $(function () {--%>
<%--	        $("#tabs").tabs();--%>
<%--	    });--%>
<%--	</script>--%>

<div id="profilePic">
<%--    <%: Html.ImageDisplay(Model.Basic.Picture.Value) %>--%>
    <%: Html.ImageDisplay("/Content/images/profile-photo.jpg")%>
    <a href="<%: Url.EditProfile(Model.Id) %>">Edit Profile</a>
</div>

<div class="verticalslider" id="tabs">
	<ul class="verticalslider_tabs">
		<li><a href="#tabs-1">Basic</a></li>
		<li><a href="#tabs-2">Personal</a></li>
		<li><a href="#tabs-3">Portfolio</a></li>
	</ul>
    <ul class="verticalslider_contents">
	        <li>
		        <% Html.RenderPartial("Basic", Model.Basic); %>
	        </li>
	        <li>
		        <% Html.RenderPartial("Personal", Model.Personal); %>
	        </li>
	        <li>
		        <% Html.RenderPartial("Portfolio", Model.Portfolio); %>
	        </li>
    </ul>
</div>

</asp:Content>
